@charset "utf-8";

html {

    font-size: 62.5%;

    /*10 ÷ 16 × 100% = 62.5%*/

}



body {

    margin: 0;

    padding: 0;

    text-align: left;

    color: #000;

    font-size: 1.4rem;

    /*1.6 × 10px = 16px */

    font-family: "Microsoft YaHei", Arial, helvetica, sans-serif;

    background: #fff;

}





a {

    transition: all 0.3s;

}



a:link {

    color: #000;

    text-decoration: none

}



a:visited {

    color: #000;

    text-decoration: none

}



a:hover {

    text-decoration: none;

    color: #f00;

}



a:focus {

    outline: none;

    -moz-outline: none;

}





.clear {

    clear: both;

}



img {

    border: 0px;

}



input {

    outline: none;

}



ul,

li,

dl,

dt,

dd {

    list-style-type: none;

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: left;

}



canvas {

    margin: 0;

    padding: 0;

    display: block;

    border: none;

}



.wenben0 {

    font-size: 1.5rem;

    line-height: 31px;

    text-align: center;

    color: #333333;

    letter-spacing: 0.0em;

}



.wenben01 {

    line-height: 3.0rem;

}



.wenben01 p {

    margin: 0;

    padding: 0; 

}





.border {

    border: #d2d2d2 1px solid;

}



.center {

    width: 1200px;

    margin: 0 auto;

}



.left {

    float: left;

}



.right {

    float: right;

}





.opa {

    opacity: 0;

    filter: alpha(opacity=0);

}





.dv {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

}



.relative {

    position: relative;

}



.sy {

    position: absolute;

    bottom: 10px;

    right: 10px;

    width: 30%;

    z-index: 9;

    display: none;

}



.share_to {

    display: inline-block;

    line-height: 30px;

}



.share_to a {

    display: inline-block;

    vertical-align: middle;

    margin: 0 10px 0 0;

    color: #FFF;

    border-radius: 50%;

    text-align: center;

    line-height: 30px;

    width: 30px;

    height: 30px;

    overflow: hidden;

}



.share_to a i {

    font-size: 2.6rem;

}



.share_to a:hover {

    background: #f00 !important;

}



.share_to a:nth-child(1) {

    background: #ff6600;

}



.share_to a:nth-child(2) {

    background: #3dc464;

}



.share_to a:nth-child(3) {

    background: #d54135;

}



.share_to a:nth-child(4) {

    background: #1493d0;

}



.share_to a:nth-child(5) {

    background: #f8b500;

}





.mr_10 {

    margin-right: 10px;

}



.p_tb20 {

    padding: 20px 0;

}





.p_tb50 {

    padding: 50px 0;

}



.m_tb20 {

    margin: 20px auto;

}



.m_tb30 {

    margin: 30px auto;

}



.m_tb50 {

    margin: 50px auto;

}





.m_t20b10 {

    margin: 20px 0 10px 0;

}



.hide { display: none; }





/*PAGE

----------------------------------------*/



.page {

    margin: 20px;

    text-align: right;

    border-top: #CCC 1px dotted;

}



.prev_next li .box {

    font-size: 1.6rem;

    color: #000;

    display: block;

    border: 1px dotted #ccc;

    color: #000;

    line-height: 24px;

    border-radius: 3px;

    padding: 15px;

}



.prev_next li .box:hover {

    background: #333;

    color: #fff;

}



.prev_next li .box:hover a {

    color: #fff;

}



.back_list {

    text-align: right;

    font-size: 1.8rem;

}



.back_list a {

    display: inline-block;

    padding: 0 30px;

    border-radius: 30px;

    color: #fff;

    background: #888;

}



.back_list a:hover {

    color: #fff;

    background: #f60;

}



.gridtable table {

    width: 99%;

    margin: 0 auto;

    border-width: 1px;

    font-family: verdana, arial, sans-serif;

    color: #333333;

    border-color: #ccc;

    border-collapse: collapse;

}



.gridtable table th {

    border-width: 1px;



    padding: 5px 0;

    border-style: solid;

    border-color: #ccc;

    background-color: #dedede;

}



.gridtable table td {

    border-width: 1px;



    padding: 5px 0;

    border-style: solid;

    border-color: #ccc;

}



.gridtable table td a {

    text-decoration: underline;

    color: #069;

}



.hidden {

    display: none !important

}



/* Wrap

----------------------------------------*/



#wrap {

    min-width: 1200px;

    width: 100%;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

}





/* Header

----------------------------------------*/



#top_note {

    height: auto;

    background: #262626;

}



#top_note .flow-text a {

    color: #7e7e7e;

}



#top_note .flow-text a:hover {

    color: #fff;

}



#top_note .l6 .flow-text {

    line-height: 40px;

    color: #7e7e7e;

    font-size: 14px;

}



#top_note .s12 .flow-text {

    line-height: 40px;

    color: #7e7e7e;

    font-size: 1.2;

    text-align: center;

}



#top_note .l6 {

    line-height: 40px;

    color: #7e7e7e;

    font-size: 14px;

    transition: all 0.5s;

}



#top_note .l6 .flow-text {

    color: #787878;

    margin: 0 10px;

    cursor: pointer;

}



#top_link {

    background: #262626;

}



#name_box_w {

    background: #fff;

    position: relative;

}



#name_box_w .container {

    padding: 1rem;

}



#name_box_w .row,

#name_box_w .row .col {

    margin-bottom: 0;

}



#logo_big {

    position: absolute;

    left: 0%;



}



#name_box_w #logo_big { z-index: 999; }



#name_box_w #logo_big a {

    width: 600px !important;

}



#name_box_w .logo a {

    display: inline-block;

    color: #fff;

    background: #cd0000;

    transition: all 0.5s;

    line-height: 2.3rem;

    padding: 45px 10px 40px;

}



#name_box_w .logo_z a {

    display: inline-block;

    transition: all 0.5s;

    margin-top: 2.5rem;

}





#name_box_w .logo a #logo_img {

    border-right: 1px solid #e66a6a;

    padding: 0 20px;

}



#name_box_w .logo a #logo_kh {

    font-size: 1.5rem;

    padding: 0 20px;

}



#name_box_w #top_tel {

    height: 30px;

    transition: all 0.5s;

}



.tel_num {

    font-size: 1.5rem;

    color: #222222;

    float: right;

    margin-top: 2.8rem;

}



.tel_num span {

    font-size: 1.8rem;

    color: #e00d0d;

    font-weight: bold;

}



#name_box_w #top_tel .tel_num i {

    margin-top: 0rem;

}





#name_box_w #menu_open {

    width: 100%;

    text-align: center;

}



#menu_box {

    margin-top: 3.0rem;

    height: 50px;

    padding-left: 50px;

}



.menu .mynav .nav {

    width: 14.28%;

    float: left;

    position: relative;

    font-size: 1.6rem;

    line-height: 30px;

}



.menu .mynav .nav a {

    display: block;

    width: 100%;

    height: 30px;

    line-height: 30px;

    text-decoration: none;

    position: relative;

    color: #222222;

    text-align: center;

}



.menu .mynav .nav a i {

    transition: all 0.3s;

    display: block;

    position: absolute;

    width: 20px;

    height: 1px;

    background-color: #6e6e6e;

    transform: rotate(-0deg);

    opacity: 0

}



.menu .mynav .nav a:hover i {

    transform: rotate(-45deg);

    opacity: 1

}



.menu .mynav .nav a .l1 {

    left: 100%;

    top: 0;

    margin-left: -20px;

    transform-origin: left top;

}



.menu .mynav .nav a .l2 {

    right: 100%;

    bottom: 0;

    margin-right: -20px;

    transform-origin: right bottom;

}



.menu .mynav .nav a.current {

    color: #bc0303;

    border-radius: 2px;

    height: 30px;

    line-height: 30px;

}



.menu .mynav .nav a:hover {

    color: #bc0303;

}





.subNav {

    font-size: 1.5rem;

    width: 100%;

    line-height: 25px;

    text-align: center;

    color: #fff;

    background: #cd0000;

    transition: all 0.8s;

    position: relative;

    padding: 30px 0 1px 0;

}



.subNav dl {

    margin-bottom: 0;

}



.subNav dt {

    font-size: 3.5rem;

    line-height: 40px;

    color: #fff;

}





.subNav dd a {

    color: #fff;

    font-size: 1.6rem;

    padding-bottom: 10px;

    display: inline-block;

    border-bottom: 3px solid #cd0000;

}



.subNav dd a:hover,.subNav dd a.current {

    border-bottom: 3px solid #fff;



}





.subNav #subNav_kh {

    display: inline-block;

    padding-left: 30px;

    border-left: 1px solid #fff;

}







#container {

    width: 100%;

    height: 123px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 0;

}



#output {

    width: 100%;

    height: 100%;

    opacity: 0.2;

}



.shadow {

    width: 100%;

    height: 13px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99999;

}



#banner_box {

    width: 100%;

    height: 676px;

    overflow: hidden;

    position: relative;

}



#banner {

    width: 1920px;

    height: 676px;

    position: absolute;

    left: 50%;

    margin-left: -960px;

}





/*#zy_banner_box {

    width: 100%;

    position: relative;

    padding: 100px 0 200px 0;

}



#zy_banner_box .bg {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    overflow: hidden;

    z-index: 7;

}



#zy_banner_box .conter {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: url(../Image/zy_banner.jpg) fixed;

    z-index: 8;

    padding: 100px 0 0 0;

}







#zy_banner_box .conter .title,

#zy_banner_box .conter .location,

#zy_banner_box .conter .location a {

    text-align: center;

    color: #fff;

}



#zy_banner_box .conter .title {

    font-size: 3.0rem;

    line-height: 4.0rem;

}



#zy_banner_box .conter .location {

    font-size: 1.5rem;

}



#zy_banner_box .sofa {

    position: absolute;

    z-index: 9;

    bottom: -120px;

    right: 0%;

}

*/



#menu_icon {

    display: block;

}



.nav-extended .collapsible-body li {

    background: #eee;

}



.side-nav li {

    background: #fff;

}



.side-nav li .current {

    background: #cd0000;

    color: #fff;

}



.m_menu_tel {

    background: #efefef;

    color: #000;

    line-height: 3.0rem;

    font-size: 1.6rem;

    padding: 20px 0;

}



.m_menu_tel a {

    font-size: 1.6rem;

    font-weight: bold;

}



/*search*/



.search {

    border-left: 1px solid #c4c4c4;

    border-right: 1px solid #c4c4c4;

    background: none;

    padding: 0 10px;

    height: 27px;

}



.search .in_text {

    border: none !important;

    width: 60%;

    padding: 0 10px;

    line-height: 27px;

}



.search .in_text::input-placeholder {

    color: #a9a9a9;

    font-size: 1.4rem;

}





.search .so {

    background: url("../Image/so.png") no-repeat center;

    border: medium none;

    text-indent: -9999px;

    cursor: pointer;

    width: 20%;

    margin-top: 5px;

}

















/*search*/





/* Mid

---------------------*/



#mid_wrap {

    width: 100%;

}



#mid_box {

    width: 1200px;

    margin: 0 auto 30px auto;

    min-height: 700px;

}



.zy_line {

    width: 100%;

    height: 4px;

    background: url(../Image/zy_line.gif) center;

    position: relative;

    display: none;

}



.zy_line0 {

    width: 100%;

    height: 4px;

    background: url(../Image/zy_line0.gif) center;

    position: relative;

}



.zy_title {

    text-align: center;

    font-size: 12px;

    color: #898989;

}



.zy_title span {

    font-size: 26px;

}



.zy_gsgk_cont {

    width: 100%;

    background: #f9f9f9;

    margin: 30px 0;

}



.zy_gsgk_cont_txt {

    width: 1200px;

    margin: 0 auto;

    padding: 30px 0;

}



#honor_list li {

    width: 100%;

    height: 60px;

    line-height: 60px;

    font-size: 16px;

    color: #494949;

    padding: 0 50px;

    position: relative;

    transition: all 0.5s;

    border-bottom: 1px solid #c8c8c8;

}



#honor_list li:hover {

    width: 100%;

    height: 60px;

    font-size: 16px;

    color: #bc0303;

    padding-left: 70px;

    background: url(../Image/gold.png) left center no-repeat;

}



#honor_list li i {

    position: absolute;

    bottom: -1px;

    left: 0;

    height: 1px;

    background: #bc0303;

    width: 14%;

    transition: all 1s;

}



#honor_list li:hover i {

    width: 100%;

}







.zy_rcln_cont {

    width: 1200px;

    margin: 30px auto;

    background: url(../Image/jobs.jpg) bottom right no-repeat;

    padding-bottom: 100px;

}



.zy_rcln_cont_txt ul li {

    width: 560px;

    height: 140px;

    line-height: 30px;

    padding: 30px 0;

}



.zy_rcln_cont_txt ul li:nth-child(odd) {

    float: left;

}



.zy_rcln_cont_txt ul li:nth-child(even) {

    float: right;

}



.jobs_dy {

    background: #49b8ff;

    font-size: 14px;

    color: #fff;

    line-height: 26px;

    padding: 20px 30px;

    margin-top: 30px;

}



.jobs_dy big {

    font-size: 18px;

    font-weight: bold;

    color: #fff;

}































/* Company

----------------------------------------*/



.gsgk_li {

    width: 700px;

    height: 80px;

    margin: 50px auto;

}



.gsgk_li ul li {

    width: 25%;

    float: left;

    height: 100px;

    text-align: center;

}



.gsgk_li ul li span {

    font-size: 16px;

    color: #292929;

    line-height: 40px;

}



.gsgk_li ul li big {

    font-size: 40px;

    color: #292929;

    font-weight: bold;

}



.gsgk_li ul li {

    font-size: 14px;

    color: #898989;

    line-height: 20px;

}





.zy_gsgk_pic {

    width: 385px;

    height: 365px;

    position: relative;

    float: left;

}



.zy_gsgk_pic .img {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    transform: translateX(-10px);

    transition: all 0.5s;

}



.zy_gsgk_pic:hover .img {

    transform: translateX(0px);

}



.zy_gsgk_txt {

    width: 800px;

    float: right;

}





.zy_qywh_pic {

    width: 385px;

    height: 241px;

    overflow: hidden;

    position: relative;

    float: right;

    margin-top: 50px;

}



.zy_qywh_pic .img {

    display: block;

    width: 395px;

    height: 257px;

    position: absolute;

    top: 0;

    left: 0;

    transform: translateX(-10px);

    transition: all 0.5s;

}



.zy_qywh_pic:hover .img {

    transform: translateX(0px);

}





.zy_qywh_txt {

    width: 700px;

    float: left;

}



/* left

----------------------------------------*/





/* Right

----------------------------------------*/



.my_txt {

    padding: 20px 0;

}







/* Footer

----------------------------------------*/



.page-footer {

    background: #16181a;

    color: #666666;

    overflow: hidden;

}



.page-footer a {

    color: #666666;

}



.page-footer a:hover {

    color: #fff;

}



#end_info {

    font-size: 1.4rem;

    line-height: 30px;

    position: relative;

    color: #666;

    padding: 40px 0 0 0;

}





#end_info dt {

    font-size: 2.0rem;

    color: #fff;

    line-height: 30px;

    margin-bottom: 20px;

}





#page-footer-gt {

    z-index: 2;

    width: 100%;

    height: 70px;

    padding: 10px 0;

    background: #1c1c1c;

    color: #fff;

    position: fixed;

    bottom: 0;

    left: 0;

}



#page-footer-gt ul li {

    width: 25%;

    text-align: center;

    float: left;

    color: #fff;

    transition: all 0.3s;

}



#page-footer-gt ul li a {

    color: #fff;

    font-size: 1.6rem;

    width: 100%;

    height: 70px;

    display: block;

}



#page-footer-gt ul li i {

    width: 30px;

    height: 30px;

    display: block;

    margin: 0 auto;

}



#page-footer-gt ul li:nth-child(1) i {

    background: url(../Image/e1.png);

    background-size: 100%;

}



#page-footer-gt ul li:nth-child(2) i {

    background: url(../Image/e2.png);

    background-size: 100%;

}



#page-footer-gt ul li:nth-child(3) i {

    background: url(../Image/e3.png);

    background-size: 100%;

}



#page-footer-gt ul li:nth-child(4) i {

    background: url(../Image/e4.png);

    background-size: 100%;

}



#page-footer-gt.five ul li {

    width: 20% !important;

}



#page-footer-gt.five ul li.back {

    padding: 10px 0;

}









/*NEWS CONTENTS PAGE*/



.news_detail {

    height: auto !important;

    min-height: 200px;

    height: 200px;

}



#news_t {

    color: #000;

    font-weight: bold;

    text-align: center;

    font-size: 20px;

}



#news_d {

    color: #000;

    font-size: 12px;

    text-align: center;

    border: 1px dotted #ccc;

    margin: 10px 0;

    padding: 5px 10px;

    -moz-border-radius: 5px;

    /* Gecko browsers */

    -webkit-border-radius: 5px;

    /* Webkit browsers */

    border-radius: 5px;

    /* W3C syntax */

    position: relative;

}





#news_img {

    text-align: center;

    position: relative;

}



.wenben01 img,

#news_img img,

.news_img img {

    max-width: 100%;

}





#newsContent {

    margin-bottom: 16px;

    text-align: left;

}



#newsContent img {

    max-width: 100%;

}



#newsInfo {

    margin: 0px;

    font-weight: normal;

    text-align: left;

    padding: 10px;

}



#newsInfo h4 {

    line-height: 3rem;

}



#newsInfo iframe {

    width: 100%;

    height: 600px;

}



#newsInfo img {

    max-width: 100%;

    height: auto !important;

}





.news_img h2 {

    color: #f00;

    background: #efefef;

    padding: 5px;

    line-height: 30px;

    border-radius: 10px 0 10px 0

}

























/*GUESTBOOK PAGE*/



.G_InputText {

    width: 500px;

    height: 12px;

    padding: 10px;

    border: 1px solid #ccc;

    margin: 5px 0;

}



.G_textarea {

    width: 500px;

    height: 100px;

    padding: 10px;

    border: 1px solid #ccc;

    margin: 5px 0;

}



.G_botton {

    width: 100px;

    line-height: 12px;

    padding: 10px;

    line-height: 14px;

    background: #35ab9f;

    cursor: pointer;

    color: #FFF;

    border: none;

    float: right;

    border-radius: 3px;

    font-size: 16px;

    font-family: "微软雅黑";

}



.yanzheng {

    width: 300px;

    height: 12px;

    padding: 10px;

    border: 1px solid #ccc;

    margin: 5px 0;

}





.jobs ul {

    list-style: none;

    margin-top: 12px;

}



.jobs ul li {

    height: 270px;

    width: 50%;

    overflow: hidden;

}



.jobs a {

    display: block;

    height: 100%;

    overflow: hidden;

    text-align: left;

    line-height: 26px;

    padding: 20px;

}



.jobs big {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

    display: block;

}



.jobs .odd {

    float: left;

}



.jobs .even {

    float: right;

}



.jobs .odd a {

    color: #fff;

    background: #e42828;

}



.jobs .even a {

    color: #000;

    background: #fcd022;

}



.jobs .odd2 {

    float: left;

}



.jobs .even2 {

    float: right;

}



.jobs .odd2 a {

    color: #000;

    background: #fcd022;

}



.jobs .even2 a {

    color: #fff;

    background: #e42828;

}



.jobs ul li .recruit_info {

    color: #494949;

    font-family: 'Microsoft YaHei', arial;

    font-size: 14px;

    line-height: 36px;

}



.jobs ul li .recruit_info .job_nam {

    color: #be0000;

    font-weight: bold;

}



.jobs ul li .jbut {

    width: 74px;

    height: 31px;

    line-height: 31px;

    background: #1f478e;

    border-radius: 2px;

    float: right;

    margin-top: -40px;

    margin-right: 22px;

    text-align: center;

}



.jobs ul li .jbut a {

    text-decoration: none;

    color: #FFF;

    display: block;

}





.recruit_info_tit_bg {

    width: 100%;

    height: 31px;

    background: #fafafa;

    border-radius: 2px;

}



.recruit_info_tit_bg .recruit_info_tit {

    width: 73px;

    height: 31px;

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px;

    background: #1e4483;

    font-family: 'Microsoft YaHei', arial;

    font-size: 14px;

    color: #fff;

    line-height: 31px;

    text-indent: 8px;

}



.recruit_info_main {

    padding: 5px;

}



.recruit_info_main p {

    width: 650px;

    font-family: 'Microsoft YaHei', arial;

    text-align: justify;

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 28px;

    color: #494949;

}



.order {

    width: 96%;

    margin: 0 auto;

}



.order_but {

    padding: 10px;

    cursor: pointer;

}



/*PRODUCTS LIST PAGE*/



.proUL li {

    margin-bottom: 20px !important;

}





.proUL li a {

    display: block;

}



.proUL li a .img {

    width: 100%;

    height: 300px;

    position: relative;

    overflow: hidden;

}



.proUL li a .responsive-img {

    transition: all 0.3s;

    margin: 0 auto;

    width: 100%;

    min-height: 300px;

}



.proUL li a:hover img {

    transform: scale(1.1);

}



.proUL li a .title {

    background: #ececec;

    color: #333;

    padding: 10px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}



.picUL li {

    margin-bottom: 20px !important;

    display: inline-block;

    min-width: 100%;

    margin: 0 auto; 

}





.picUL li a {

    display: block;

    border: 1px solid #eeeeee;

    padding: 15px;

}



.picUL li a .img {

    width: 100%;

    background: #fff;

    overflow: hidden;

}



.picUL li a img {

    transition: all 0.5s;

    margin: 0 auto;

}



.picUL li a:hover img {

    transform: scale(1.1);

}



.picUL li a .title {

    padding: 10px 0;

    width: 100%;

}



.picUL li a .title h5 {

    max-width: 260px;

    margin: 0 auto; 

    overflow: hidden;

    text-align: center;

}



.picUL li a .cont {

    padding: 10px;

    width: 100%;

    overflow: hidden;

}



.picList {

    width: 100%;

}



.picList li {

    transition: all 0.3s;

    height: 170px;

    padding: 5px;

    margin: 0 0 20px 0;

    background: #EFEFEF;

}



.picList li:hover {

    background: #eee;

    box-shadow: 0 5px 5px #ccc;

    transform: translateY(-10px);

}



.picList li a {

    display: block;

}



.picList .picList_img {

    height: 160px;

    overflow: hidden;

}





.picList .Pic_list_txt {

    position: relative;

    height: 160px;

    overflow: hidden;

    padding: 0 20px !important;

}



.picList .Pic_list_txt .t1 {

    font-size: 1.8rem;

    font-weight: bold;

    line-height: 20px;

    width: 100%;

    color: #cd0000;

}



.picList .Pic_list_txt .t2 {

    overflow: hidden;

    margin: 5px 0;

    height: 50px;

    font-size: 1.6rem;

    line-height: 25px;

    color: #666;

}



.picList .Pic_list_txt .t3 {

    font-size: 1.4rem;

    line-height: 30px;

}



.picList .Pic_list_txt .time {

    text-align: right;

    line-height: 20px;

    font-size: 12px;

}





/*INDEX*/



#in_box1 {

    z-index: 2;

    background: #fff;

    border-bottom: 1px solid #c8c8c8;

}



#in_box1 .container {

    position: relative;

    z-index: 99;

}



.kuai {

    width: 29px;

    height: 120px;

    display: block;

    background: #cd0000;

    position: absolute;

    transform: translateX(-50%);

    z-index: 999;

}



.k_t {

    left: 50%;

    top: -70px;

    margin-left: 700px;

}



.k_b {

    right: 50%;

    bottom: -70px;

    margin-right: 700px;

}





#in_box1 .col {

    position: relative;

    z-index: 999;

}





#in_box1 #typeList a {

    margin: 0 10px;

    color: #666666;

    font-size: 1.7rem;

}



.in_title {

    font-size: 2.6rem;

    color: #333333;

    margin-bottom: 30px;

    line-height: 3.2rem;

    position: relative;

}



.in_title big {

    font-size: 4.0rem;

    height: 4.0rem;

    line-height: 4.0rem;

    color: #333333;

    width: 100%;

    display: block;

    text-transform: uppercase;

    background: url(../Image/index/line.gif) center no-repeat;

}



.in_title big.no_bg {

    background: none !important;

}



.in_title small {

    color: #999999;

    font-size: 1.6rem;

}



.in_title .more {

    position: absolute;

    top: 30px;

    right: 0;

    width: 40px;

    height: 27px;

}



.in_title .more a {

    display: block;

    width: 100%;

    height: 100%;

    background: url(../Image/index/arrow_m.png) center no-repeat;

    border: 1px solid #959595;

}



.in_title .more a:hover {

    display: block;

    width: 100%;

    height: 100%;

    background: url(../Image/index/h/arrow_m.png) center no-repeat;

    border: 1px solid #f00;

}



#m_container {

    width: 100%;

    display: block;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}



#m_output {

    width: 100%;

    height: 100%;

    opacity: 0.1;

}



#in_box1 .container {

    position: relative;

    z-index: 2;

}



#in_box1 .cont big {

    text-align: center;

    font-size: 2.0rem;

    line-height: 40px;

    color: #333333;

}



#in_box1 .cont {

    text-align: center;

    font-size: 1.4rem;

    color: #999999;

}





#in_box2 {

    background: #fff;

}



#in_box2 #pro_lf {

    padding: 0;

    background: #cd0000;

    height: 678px;

    color: #fff;

}



#in_box2 #pro_rt {

    padding: 0;

    background: #fff;

    padding-top: 84px;

}



#in_box2 #pro_lf .pro_txt {

    padding: 60px;

    margin: 0 auto; 

    color: #fff;

}



#in_box2 #pro_lf .pro_txt b {

    font-size: 2.7rem;

    color: #fff;

}



#in_box2 #pro_lf .pro_txt ul {

    padding: 0 10px;

    margin: 30px 0;

    font-size: 16px;

}



#in_box2 #pro_lf .pro_txt ul li {

    line-height: 30px;

    color: #fff;

}





#in_box2 #pro_rt ul li:hover {

    background: #cd0000 !important;

}



#in_box2 #pro_rt ul li:hover p,

#in_box2 #pro_rt ul li:hover big {

    color: #fff;

}



#in_box2 #pro_rt ul li:nth-child(1),

#in_box2 #pro_rt ul li:nth-child(4) {

    background: #f9f9f9;

}



#in_box2 #pro_rt ul li:nth-child(2),

#in_box2 #pro_rt ul li:nth-child(3) {

    background: #ececec;

}



#in_box2 #pro_rt ul li {

    transition: all 0.3s;

    height: 297px;

    padding: 50px 100px;

    text-align: center;

    margin-bottom: 0;

}



#in_box2 #pro_rt ul li i {

    width: 56px;

    height: 56px;

    display: block;

    margin: 10px auto;

}



#in_box2 #pro_rt ul li big {

    color: #222222;

    font-size: 2.5rem;

    font-weight: bold;

}



#in_box2 #pro_rt ul li:nth-child(1) i {

    background: url(../Image/index/icon1.png) center no-repeat;

}



#in_box2 #pro_rt ul li:nth-child(2) i {

    background: url(../Image/index/icon2.png) center no-repeat;

}



#in_box2 #pro_rt ul li:nth-child(3) i {

    background: url(../Image/index/icon3.png) center no-repeat;

}



#in_box2 #pro_rt ul li:nth-child(4) i {

    background: url(../Image/index/icon4.png) center no-repeat;

}



#in_box2 #pro_rt ul li:nth-child(1):hover i {

    background: url(../Image/index/h/icon1.png) center no-repeat;

}



#in_box2 #pro_rt ul li:nth-child(2):hover i {

    background: url(../Image/index/h/icon2.png) center no-repeat;

}



#in_box2 #pro_rt ul li:nth-child(3):hover i {

    background: url(../Image/index/h/icon3.png) center no-repeat;

}



#in_box2 #pro_rt ul li:nth-child(4):hover i {

    background: url(../Image/index/h/icon4.png) center no-repeat;

}



#in_box3 {

    width: 100%;

    height: 700px;

    background: url(../Image/index/honor_bg.jpg) top right no-repeat;

    z-index: 2;

}



#in_box3 .honor_list ul {

    margin-top: 50px;

}



#in_box3 .honor_list li {

    margin-bottom: 40px;

    font-size: 1.6rem;

    color: #333333;

    line-height: 2.6rem;

}



#in_box3 .honor_list li span:after {

    content: "";

    display: block;

    width: 52px;

    height: 1px;

    background: #acacac;

    position: relative;

    bottom: -20px;

}



#in_box3 .honor_pic {

    padding: 25px 30px;

    position: relative;

    height: 531px;

    margin-top: 60px;

    box-shadow: 0 0 40px #666;

    background: #fff;

}



#in_box3 .honor_pic:after {

    content: "";

    display: block;

    width: 100px;

    height: 100px;

    background: rgba(205, 0, 0, 0.77);

    position: absolute;

    left: -50px;

    bottom: -50px;

}



#in_box3 .honor_pic .box {

    border: 1px solid #b7b9be;

    width: 100%;

    height: 100%;

    padding: 50px;

}



#in_box4 {

    width: 100%;

    min-height: 600px;

    padding-top: 83px;

    background: url(../Image/index/box4_bg.jpg) top repeat-x #fff;

}



#in_box4 .container {

    background: #fff;

    padding: 60px;

}



#in_box4 #news,

#in_box4 #down {

    padding: 0 20px 0 40px;

}



.in_news_box li {}



.in_news_box li a {

    display: block;

    padding: 8px 0;

}



.in_news_box li a:hover {

    background: #efefef;

}





.in_news_box li .time {

    font-size: 1.4rem;

    color: #999999;

    text-align: center;

    border-right: 1px solid #ccc;

    padding: 10px;

    margin-bottom: 0 !important;

    line-height: 35px;

}



.in_news_box li .time big {

    font-size: 5.2rem;

    color: #333333;

    font-weight: bold;

    display: block;

}



.in_news_box li .cont {

    padding: 0 20px;

    margin-bottom: 0 !important;

    line-height: 20px;

}



.in_news_box li .cont p {

    height: 40px;

    color: #999999;

    font-size: 1.4rem;

    margin-top: 10px;

    margin-bottom: 0;

    overflow: hidden;

}



.down_pic {

    max-width: 231px;

    padding: 0 !important;

    border: 1px solid #b7b7b7;

    box-shadow: -20px 20px 0 #3d485d;

}



.down_list li {

    margin-bottom: 40px;

}



.down_list li big {

    font-size: 1.7rem;

    color: #333333;

    font-weight: bold;

}



.down_list li p {

    font-size: 1.4rem;

    height: 90px;

    line-height: 23px;

    color: #999999;

    overflow: hidden;

    margin: 30px 0;

}



.down_list li .download a {

    color: #d00d0d;

    font-weight: bold;

}



#in_box5 {

    width: 100%;

    min-height: 700px;

    background: url(../Image/index/bg.jpg) center bottom no-repeat;

    margin-bottom: 0;

    color: #333333;

}



#in_box5 p {

    line-height: 3.0rem;

}



#in_box5 .more a {

    color: #cd0000;

}



#in_box5 .more a:hover {

    color: #f00;

}



#in_box5 .row { margin-bottom: 0 !important; }



.in_ys li .box {

    background: rgba(255, 255, 255, 0.2);

    border: 1px solid #c9d8e8;

    height: 182px;

    padding: 20px 15px;

    text-align: center;

    color: #3d485d;

    font-size: 1.4rem;

    transition: all 0.3s;

}



.about_ys li .box {

    background: #cd0000;

    border: 1px solid #cd0000;

    color: #fff;

    transition: all 0.3s;

}



.about_ys li .box:hover {

    background: rgba(255, 255, 255, 0.2);

    border: 1px solid #c9d8e8;

    color: #3d485d;

    color: #000

}





.in_ys li .img {

    width: 53px;

    height: 53px;

    display: block;

    margin: 15px auto;

}





.in_ys li .box:hover {

    background: #cd0000;

    border: 1px solid #cd0000;

    color: #fff;;

}



.in_ys li:nth-child(1) .img {

    background: url(../Image/index/icon_sl1.png);

}

.in_ys li:nth-child(2) .img {

    background: url(../Image/index/icon_sl2.png);

}

.in_ys li:nth-child(3) .img {

    background: url(../Image/index/icon_sl3.png);

}

.in_ys li:nth-child(4) .img {

    background: url(../Image/index/icon_sl4.png);

}

.in_ys li:nth-child(5) .img {

    background: url(../Image/index/icon_sl5.png);

}





.in_ys li:nth-child(1) .box:hover .img {

    background: url(../Image/about/icon_sl1.png);

}

.in_ys li:nth-child(2) .box:hover .img {

    background: url(../Image/about/icon_sl2.png);

}

.in_ys li:nth-child(3) .box:hover .img {

    background: url(../Image/about/icon_sl3.png);

}

.in_ys li:nth-child(4) .box:hover .img {

    background: url(../Image/about/icon_sl4.png);

}

.in_ys li:nth-child(5) .box:hover .img {

    background: url(../Image/about/icon_sl5.png);

}







.about_ys li:nth-child(1) .img {

    background: url(../Image/about/icon_sl1.png);

}

.about_ys li:nth-child(2) .img {

    background: url(../Image/about/icon_sl2.png);

}

.about_ys li:nth-child(3) .img {

    background: url(../Image/about/icon_sl3.png);

}

.about_ys li:nth-child(4) .img {

    background: url(../Image/about/icon_sl4.png);

}

.about_ys li:nth-child(5) .img {

    background: url(../Image/about/icon_sl5.png);

}





.about_ys li:nth-child(1) .box:hover .img {

    background: url(../Image/index/icon_sl1.png);

}

.about_ys li:nth-child(2) .box:hover .img {

    background: url(../Image/index/icon_sl2.png);

}

.about_ys li:nth-child(3) .box:hover .img {

    background: url(../Image/index/icon_sl3.png);

}

.about_ys li:nth-child(4) .box:hover .img {

    background: url(../Image/index/icon_sl4.png);

}

.about_ys li:nth-child(5) .box:hover .img {

    background: url(../Image/index/icon_sl5.png);

}





/*ABOUT*/



.title_box {

    text-align: left;

    margin: 0 0 10px 0;

    position: relative;

}



.title_box .row{

    margin-bottom: 0;

}



.title_box big {

    font-size: 1.8rem;

    font-weight: bold;

    color: #333333;

}





/**/



.about_2 .desc {

    font-size: 1.8rem;

    line-height: 33px;

    color: #333333;

    font-weight: bold;

    margin: 20px 0;

}



.about_2 .cont {

    font-size: 1.4rem;

    line-height: 33px;

    color: #333333;

    height: 132px;

    overflow: hidden;

    padding-right: 70px;

}



.about_3 {

    background: #eee;

}



.about_3 p.desc {

    line-height: 30px;

    font-size: 1.4rem;

}







.about_3 .proType li .box {

    background: #fff;

    overflow: hidden;

}





.about_3 .proType li .box img {

    margin: 0 auto;

    display: block;

    transition: all 0.3s;

}



.about_3 .proType li .box:hover img {

    transform: scale(1.1);

}







.about_3 .proType li .title {

    max-width: 100%;

    margin: 0 auto;

    color: #b5b5b5;

    background: #000;

    padding: 20px;

    line-height: 30px;

}



.about_3 .proType li .title small {

    color: #7f7f7f;

}





.about_4 .main {

    height: 430px;

    background: url(../Image/about/honor_bg.jpg) center no-repeat;

}



.about_4 .main .box {

    margin: 0 auto;

    padding: 30px;

    display: inline-block;

    background: rgba(255, 255, 255, 0.5);

}



.about_4 .main .box p {

    line-height: 30px;

}



.com1 .title {

    font-size: 5.0rem;

    line-height: 60px;

    color: #333333;

    margin: 20px 0 60px 0;

}



.com1 .someNum li {

    font-size: 1.4rem;

    color: #999999;

    line-height: 40px;

    padding: 0;

}



.com1 .someNum big {

    font-size: 5.0rem;

    color: #cd0000;

    font-weight: bold;

    display: block;

    margin: 0 auto;

}





/*Product*/



#category { background: #ececec; color: #333333; padding: 30px 0 1px;}



#category .title {font-size: 2.2rem; line-height: 50px; }

#category .cont { font-size: 1.4rem; line-height: 30px; max-height: 210px; overflow: hidden;}

#category .cont p { margin: 0;  }

#category .more { line-height: 40px; }

#category .more big{ font-size: 1.7rem; font-weight: bold; }

#category .more a { font-size: 1.4rem; color: #d00d0d; }



.tltj { width: 100%; border-bottom: 1px solid #cacaca; padding: 1rem 0 0 0; }

.tltj .row { margin-bottom: 0; }

.tltj big { font-size: 1.8rem; font-weight: bold; } 



.pro_desc { min-height: 420px !important;}

.pro_desc .bt1,.pro_desc .bt2,.pro_desc .bt3 { padding: 0 1px 0 0;  }

.pro_desc .bt1 a { padding: 1rem; text-align: center; display: block; font-size: 1.6rem; color:#fff; background: #cd0000;}

.pro_desc .bt2 a { padding: 1rem; text-align: center; display: block; font-size: 1.6rem; color:#fff; background: #e87a19;}

.pro_desc .bt3 a { padding: 1rem; text-align: center; display: block; font-size: 2.4rem; color:#e00d0d; font-weight: bold;}



.pro_desc .bt1 a:hover,.pro_desc .bt2 a:hover { background: #000; }





.pro_type li a {

    display: block;

    background: #d9d9d9;

    color: #9b9b9b;

    padding: 10px 20px;

    text-align: center;

}



.pro_type li a:nth-child(1) {

    background: #cd0000;

    color: #fff;

}



.pro_type li a:hover {

    background: #000;

    color: #fff;

}



.pro_tel {

    font-size: 3.0rem;

    line-height: 50px;

}



.pro_tel i {

    font-size: 3.0rem;

    color: #cd0000;

}



.pro_tel a {

    color: #f60;

}



.pro_tel a:hover {

    color: #f00;

}



.desc_pad .desc {

    height: 150px;

    overflow: hidden;

}



.proCont {  width: 95%; margin: 0 auto; }



/*MESSAGE*/



#contact_lxwm { }

#contact_lxwm .title,#contact_message .title { font-size: 2.5rem; color: #333; font-weight: bold; margin-bottom: 25px; }



#contact_lxwm .box { background: #cd0000; padding: 60px; line-height: 35px; color: #fff; }



#contact_lxwm .box a { color: #fff;}

#contact_lxwm .box big { font-size: 2.2rem; }



#contact_lxwm .box .web_name { margin-bottom: 20px; font-size: 2.2rem; }

#contact_lxwm .box .web_name:after {

    content: "";

    display: block;

    width: 52px;

    height: 1px;

    background: #f37777;

    position: relative;

    bottom: -10px;

}



#contact_lxwm .box .btn { margin-top: 28px; color: #000; }





#contact_message .box { background: #fff; padding: 40px 60px 20px; line-height: 35px; }

#contact_message .box big {color: #333333; font-size: 2.0rem; }

#contact_message .box p {color: #666666; font-size: 1.4rem; line-height: 2.2rem;}





#in_mess_box ul {

}



#in_mess_box .col {

    margin-bottom: 5px;

}



#in_mess_box .short,

#in_mess_box .mid,

#in_mess_box .long {

    margin-bottom: 0;

    border: 1px solid #dddddd !important;

    padding: 0 10px;

}



#in_mess_box .long {

    height: 180px;

}



#in_mess_box li span {

    line-height: 40px;

}



#in_mess_box .short {

    width: 25% !important;

    margin-right: 10px;

}



#in_mess_box .mid {

    width: 80% !important;

}



#in_mess_box .long {

    width: 90% !important;

}



#lx_list li {

    padding: 15px;

    background: #efefef;

    margin: 0 0 10px 0;

}



#lx_list li i:before {

    padding: 10px;

    border-radius: 50%;

    background: #cd0000;

    color: #fff;

    font-size: 2.0rem;

    margin-right: 10px;

    line-height: 20px;

    display: inline-block;

    vertical-align: middle;

}



#lx_list li i {

    font-size: 1.8rem;

    font-weight: bold;

}





/*dwon*/





#dwonList li {

    line-height: 50px;

    margin: 10px 0;

    position: relative;

}



#dwonList li a {

    display: block;

    color: #000;

    background: #efefef;

    padding: 0 20px;

    border-radius: 5px;

}



#dwonList li a:hover {

    background: #666;

    color: #FFF;

}





#in_news_list li a {

    display: block;

    width: 100%;

    height: 117px;

    border-bottom:1px solid #d2d2d2;

    background: #fff;

}



#in_news_list li a:hover {

   

}





#in_news_list li .title {

    font-size: 1.8rem;

    color: #333333;

    font-weight: bold;

}



#in_news_list li .content {

    overflow: hidden;

    height: 60px;

    line-height: 30px;

    margin-top: 10px;

}



#news_2 { background: #3d485d; }



#in_news_list0 li a {

    display: block;

    width: 100%;

    padding-right: 50px;

}

#in_news_list0 li .time {

    font-size: 1.6rem;

    margin-bottom: 10px;

}



#in_news_list0 li .time big {

    font-size: 4.0rem;

}



#in_news_list0 li .title {

    font-size: 1.7rem;

    font-weight: bold;

}



#in_news_list0 li .content {

    overflow: hidden;

    height: 60px;

    line-height: 30px;

    margin: 10px 0;

    font-size: 1.4rem;

}



/*NEWS*/



#pro_main_box { width: 100%; min-height: 675px; background: url(../Image/product/main_bg.jpg) center no-repeat; background-size: cover; }



#pro_main_box .proType li {text-align: center; transition: all 0.3s;}



#pro_main_box .proType li .box { width: 100%; transition: all 0.3s; padding: 100px 0; display: inline-block; height: 570px; background: rgba(255,255,255,0.5); }



#pro_main_box .proType li .box .icon {

    transition: all 0.3s;

}



#pro_main_box .proType li .box .responsive-img {

    margin: 0 auto;

    display: block;

    transition: all 0.3s;

}



#pro_main_box .proType li .title {

    transition: all 0.3s;

    max-width: 100%;

    width: 100%;

    color: #222222;

    padding: 20px;

    line-height: 30px;

}



#pro_main_box .proType li .title big {

    line-height: 30px;

    font-weight: bold;

    font-size: 2.0rem;

    transition: all 0.3s;

}





#pro_main_box .proType li .title p {

    transition: all 0.3s;

    height: 50px;

    overflow: hidden;

    line-height: 25px;

    color: #444444;

    margin: 40px 0 60px; 

    font-size: 1.4rem;

}



.proInfo_img { height: 500px; overflow: hidden; }

.proInfo_img img { margin: 0 auto; }





.proInfo_cont { height: 426px; overflow-y: scroll; }



/*PRODUCT*/